
$sc-margin-range: (5px, 10px, 15px, 20px, 30px, 40px, 50px, 60px, 80px, 100px);
$sc-padding-range: (5px, 10px, 15px, 20px, 30px, 40px, 50px, 60px, 80px, 100px);
$sc-spacing-range: (5px, 10px, 15px, 20px, 30px, 40px, 50px, 60px, 80px, 100px);

@mixin make-margin-size($sizes...) {
    @if length($sizes) < 1 {
        $sizes: $sc-margin-range;
    }
    @for $i from 1 through length($sizes) {
        $item: nth($sizes, $i);
        
        .mt-#{strip-units($item)} {
            margin-top: $item;
        }
        
        .mr-#{strip-units($item)} {
            margin-right: $item;
        }
        
        .mb-#{strip-units($item)} {
            margin-bottom: $item;
        }
        
        .ml-#{strip-units($item)} {
            margin-left: $item;
        }
    }
}

@mixin make-padding-size($sizes...) {
    @if length($sizes) < 1 {
        $sizes: $sc-padding-range;
    }
    @for $i from 1 through length($sizes) {
        $item: nth($sizes, $i);
        
        .pt-#{strip-units($item)} {
            padding-top: $item;
        }
        
        .pr-#{strip-units($item)} {
            padding-right: $item;
        }
        
        .pb-#{strip-units($item)} {
            padding-bottom: $item;
        }
        
        .pl-#{strip-units($item)} {
            padding-left: $item;
        }
    }
}

@mixin make-spacingbar($sizes...) {
    @if length($sizes) < 1 {
        $sizes: $sc-spacing-range;
    }
    
    $lists: ();
    @for $i from 1 through length($sizes) {
        $item: nth($sizes, $i);
        $lists: append($lists, ".g-spacingbar#{strip-units($item)}", comma);
        
        .g-spacingbar#{strip-units($item)} {
            height: $item;
        }
    }
    
    #{$lists} {
        overflow: hidden;
        clear: both;
        width: 100%;
        line-height: 0;
        font-size: 0;
        text-indent: -9999px;
    }
}

@include make-margin-size;
@include make-padding-size;
@include make-spacingbar;

.gm-tbl {
    @include fn-tbl;
}
.gm-tbl-cell {
    @include fn-tblcell;
}




/*==================================迷彩=========================*/
.hm-camel{
	height: 100%;
	background: url(../images/subpage/bodybg.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	& .idx-body{
		background: transparent;
	}
	& body{
		& .g-header{
			background: rgba(55,56,55,.7);
			border-bottom: 1px solid #3b3d41;
		}
		& .top-scroll{
			background: rgba(55,56,55,.7);
		}
		& .asidebox{
			 background: rgba(55,56,55,.8);
			
		}
		.asidebox .nav-list{
			& li{
				&:hover{
					a{
						color: white;
					}
					}
				&.active,&:hover{
					background: rgba(52,55,51,.9);
					a{
						color: white;
					}
					
				}
			}
			& a{
				color: #bbb;
			}
		}
		.asidebox .form-control{
			color:white;
			background: #464646;
			border-color: #2E3034;
		}
		.asidebox .search-box{
			border-bottom:1px solid #3b3d41;
		}
		.page-ft{
	   background: rgba(55,56,55,.9);
		}
	}
	.log-bg {
		background: rgba(55,56,55,.7);
		.g-header{
			background-color: transparent;
		}
		.login-cont .btn-primary{
			background-color: #888f65;
			border-color:#888f65;
			outline: none;
		}
	}
	
	.g-header-menu{
			& a{
				background: url(../images/common/hder-cont-tion_02.png) no-repeat;
			}
			
			& .nth1 {
					background-position: -20px -20px;
			}
			& .nth2 {
					background-position: -20px -52px;
			}
			& .nth3 {
					background-position: -20px -84px;
			}
		} 
	.g-header-tit{
			color:#fff;
		}
	
	.change-skin{
	.skins-box{
		
		background: #65654F;

	
		
	}

}

	.top-scroll{
		.swiper-slide{
			&.active {
				a{
					border-color: #27B66A;
				}
			}
		}
	} 
	
}













